<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no;email=no" name="format-detection">
    <title>填写基本信息</title>

    <link rel="stylesheet" href="../../static/css/lib/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/css/lib/main.css">
    <link rel="stylesheet" href="../../static/css/module/header.css">
    <link rel="stylesheet" href="../../static/css/module/footer.css">
    <link rel="stylesheet" href="../../static/css/page/apply.css">
</head>
<body>
    <div class="wrapper">
        <!-- 头部 -->
        <header class="hidden-xs">
            <nav class="mainnav">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                            <ul class="nav nav-pills topnav" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <a href="#">活动报名</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a href="#">楚才书店</a>
                                </li>
                                <li class="logo-item">
                                    <img src="../../static/images/logo.png" width="105" height="104" alt="logo">
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a href="#">个人中心</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a href="#">登录/注册</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </header>

        <!-- 正文内容 -->
        <div class="container">
            <div class="main-content">
                <div class="fill-form">
                    <h1 class="main-title"><span>填写基本信息</span></h1>
                    <div class="row">
                        <div class="activity-item activity-item--fill">
                            <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                                <div class="media">
                                    <div class="media-body">
                                        <h3 class="activity-item__title">参赛证信息</h3>
                                        <p class="activity-item__info">参赛证号：10060001</p>
                                        <p class="activity-item__info">考试学校：武汉市育才第二小学</p>
                                        <p class="activity-item__info">考试地址：惠济一路22号</p>
                                        <p class="activity-item__info">参赛时间：2017年4月1日  9:00-12:00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="price-buoy">报名费¥20/人</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                            <h3 class="apply-title">考生信息</h3>
                            <form class="form-horizontal form-apply form-apply--fill" role="form">
                                <div class="form-group">
                                    <label for="name" class="col-sm-3 col-xs-4 control-label">学生姓名:</label>
                                    <div class="col-sm-9 col-xs-7 input-group">
                                        <input type="text" class="form-control" id="name" placeholder="请输入学生姓名">
                                    </div>
                                    <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的姓名</div>
                                </div>
                                <div class="form-group">
                                    <label for="idCard" class="col-sm-3 col-xs-4 control-label">身份证号:</label>
                                    <div class="col-sm-9 col-xs-7 input-group">
                                        <input type="text" class="form-control" id="idCard" placeholder="请输入身份证号">
                                    </div>
                                    <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的身份证号</div>
                                </div>
                                <div class="form-group">
                                    <label for="school" class="col-sm-3 col-xs-4 control-label">所在学校:</label>
                                    <div class="col-sm-3 col-xs-2 select-schoool">
                                        <select class="form-control">
                                            <option>光谷区</option>
                                            <option>江岸区</option>
                                            <option>江汉区</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-6 col-xs-5 input-group">
                                        <input type="text" class="form-control" id="school" placeholder="请输入所在学校">
                                    </div>
                                    <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的学校名</div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 col-xs-4 control-label">就读年级:</label>
                                    <div class="col-sm-9 col-xs-7 input-group">
                                        <select class="form-control">
                                            <option>小学一年级</option>
                                            <option>小学二年级</option>
                                            <option>小学三年级</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="teacher" class="col-sm-3 col-xs-4 control-label">语文老师:</label>
                                    <div class="col-sm-9 col-xs-7 input-group">
                                        <input type="text" class="form-control" id="teacher" placeholder="请输入老师全名">
                                    </div>
                                    <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的老师名</div>
                                </div>
                                <div class="dividing-line"></div>
                                <div class="form-group">
                                    <label for="parentName" class="col-sm-3 col-xs-4 control-label">家长姓名:</label>
                                    <div class="col-sm-9 col-xs-7 input-group">
                                        <input type="text" class="form-control" id="parentName" placeholder="请输入家长姓名">
                                    </div>
                                    <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的姓名</div>
                                </div>
                                <div class="form-group">
                                    <label for="parentPhone" class="col-sm-3 col-xs-4 control-label">家长电话:</label>
                                    <div class="col-sm-9 col-xs-7 input-group">
                                        <input type="text" class="form-control" id="parentPhone" placeholder="请输入家长电话">
                                    </div>
                                    <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的电话</div>
                                </div>
                                <div class="form-group">
                                    <div class="btn-groups btn-groups--apply">
                                        <button class="btn btn-submit col-md-8 col-md-offset-2 col-sm-6 col-sm-offset-3 col-xs-8 col-xs-offset-2" type="button">确认信息</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="logo-bottom visible-xs text-center">
                    <img src="../../static/images/bluelogo_cjrb.png" width="136" height="42" alt="cjrbLogo">
                </div>
                <span class="star"><img src="../../static/images/star.png" alt="star"></span>
                <span class="child"><img src="../../static/images/child.png" alt="child"></span>
                <span class="planet visible-xs"><img src="../../static/images/planet.png" alt="planet"></span>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <footer class="hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1">
                    版权所有 武汉楚才竞赛网 鄂ICP备14016248号COPYRIGHT @2013-2014 CHUCAI.GNJ.CN ALL RIGHT RESERVED
                    <img src="../../static/images/logo_cjrb.png" width="136" height="42" alt="cjrbLogo">
                </div>
            </div>
        </div>
    </footer>

    <script src="../../static/js/lib/jquery-1.9.1.min.js"></script>
    <script src="../../static/js/lib/bootstrap.min.js"></script>
</body>
</html>